<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="yes" name="apple-touch-fullscreen"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<title>Genius Bear</title>
	<link rel="stylesheet" type="text/css" href="./styles/main.css">
	<script type="text/javascript" src="./bower_components/jquery/dist/jquery.min.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="./scripts/BA_statistic.js"></script>

</head>
<body class="info-container">
	<header>
		<img src="./images/logo_bear2.png" width="50%">
	</header>
	<main>
		<div class="form-horizontal">
			<div class="form-group">
				<label for="inputGender">宝宝性别</label>
				男<span class="icon-gender-male"></span><input type="radio" name="gender" value="0" checked>
				女<span class="icon-gender-female"></span><input type="radio" name="gender" value="1">
			</div>
			<div class="form-group">
				<label for="inputAge">宝宝年龄</label>
				<select id="inputAge">
					<option value="0">2~3岁</option>
					<option value="1">4~5岁</option>
					<option value="2">6~7岁</option>
				</select>
			</div>
		</div>
		<div class="cube">
			<a href="javascript:;" onclick="startTest()">
				<img src="./images/cube.png" width="20%">
			</a>
		</div>
		<p>点击魔方 进入答题</p>
	</main>
	<script type="text/javascript">
		function startTest() {
			var age = $('#inputAge').val();
			sessionStorage.age = age;
			sessionStorage.gender = $('input[name=gender]').val();
			window.location.href = './question.html?q=' + age;
		}
	</script>
	<script type="text/javascript" src="./scripts/wx_share.js"></script>
</body>
</html>